@charset "utf-8";
* {margin: 0;padding: 0;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;} 
ul,h1,h2,h3,h4,h5,h6,p,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
body{color:#3d4c63;background:#fff;font:14px/1.5 "Microsoft Yahei",sans-serif;outline:0}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
input,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
a:hover{color:#ff4b59}
.clear{clear:both;}
.dis{display:none;}
.w{width:1200px;margin:0 auto;clear:both;overflow:hidden;}
.w1{width:1400px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}

.btn{margin:20px auto;overflow:hidden; text-align:center}
.btn a{padding:0 20px;height:40px; display:inline-block;line-height:40px;margin-right:20px; -webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.btn a:hover{}
.btn a i{padding:0 5px; font-style:normal;}

.btn1{background:#3cb275;color:#fff;width:100px;height:40px; display:inline-block;line-height:40px; }
.btn1:hover{background:#3cb275;color:#fff;}
.btn2{background:#e1e1e1;width:100px;height:40px; display:inline-block;line-height:40px; }
.btn2:hover{background:#3cb275;color:#fff;}
.btn3{border:1px solid #ddd;color:#40bdb9;height:40px; display:inline-block;line-height:40px; }
.btn4:hover{background:#3cb275;color:#fff;}

#topbar{background:#40bdb9;padding:10px 0;overflow:hidden;}
#topbar .w{color:#fff;line-height:40px;height:40px;}
#topbar .ftel{float:right;background:url(../images/tel.jpg) no-repeat left;padding-left:50px;width:210px;font-size:22px;} 

#tophead{height:80px;padding:10px 0;overflow:hidden;}
#tophead .logo{width:380px;height:80px;float:left;}
#tophead .logo a{display:inline-block;} 

.topnav{width:950px;margin-top:15px;float:right;height:50px;line-height:50px;} 
.topnav ul{float:left;margin:0;padding:0;list-style:none;}
.topnav ul li{float:left; text-align:center;}
.topnav ul li a{font-size:16px;padding:0 24px;display:block; -webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.topnav ul li a:hover{background:#3fb175;color:#fff;}
.topnav ul .hover a{background:#3fb175;display:block;color:#fff;}
.topnav ul li dl{background:#3fb175;position:absolute;z-index:999;margin:0;display:none;width:120px;text-align:center;}
.topnav ul li dl dt a{background:#3fb175;border-bottom:1px solid #fff;height:40px;line-height:40px;display:block;font-size:14px;padding:0 10px;color:#fff;}
.topnav ul .hover dl dt a{background:#3fb175;border-bottom:1px solid #fff;height:40px;line-height:40px;display:block;font-size:14px;padding:0 10px;color:#fff;}
.topnav ul .hover dl dt a:hover{background:#23d62d;color:#fff;display:block;} 

/* banner */
#banner{overflow:hidden;}
.banner{position:relative;  height:610px; overflow:hidden;  }
.banner .bd{ position:absolute;left:0;top:0;width:100%; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:610px; display:block; } 
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  } 
.banner .w1200{position:relative;width:1200px;margin:0 auto;text-align:center;}
.banner .wz{width:100%;position:absolute;left:0;top:200px; z-index:99999; }
.banner .wz h1{font-size:60px;letter-spacing:10px;margin-bottom:10px;color:#fff;} 
.banner .wz p{font-size:16px;margin:90px auto;text-transform:capitalize;}
.banner .wz p a{margin-right:20px; display:inline-block; width:150px;line-height:35px; border-radius:20px;background:#40bdb9;color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.banner .wz p a:hover{background:#333;opacity:0.8;filter:alpha(opacity=0.8);filter:alpha(Opacity=0.8);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)';z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

.banner .wz p .bg1{background:#f68a28}
.banner .wz p .bg2{background:#4fad57}
.banner .wz p .bg3{background:#42a3e7}
.banner .wz p .bg4{background:#e5cc4b}

.subject{margin:30px auto;overflow:hidden; text-align:center;}
.subject h3{font-size: 26px;color: #298168;}
.subject .line{background:url(../images/line.jpg) no-repeat center;height:30px;} 

.lanmu{color:#fff;background:url(../images/ico_01.png) no-repeat left center;height:60px;line-height:60px;}
.lanmu b{width:300px;display:inline-block;height:42px;line-height:30px;font-size:16px; font-weight:normal;}
.lanmu b{display:inline-block;height:42px;line-height:30px;font-size:16px;padding-left:10px;}
.lanmu b span{float:left;font-size:22px;} 
.lanmu b span a{padding:0 10px;} 
.lanmu span{float:right;} 
.lanmu span a{padding:0;display:inline-block;width:100px;height:35px; text-align:center;background:#c40008;color:#fff;line-height:31px;}
.lanmu i{font-style:normal;}
.lanmu i a{padding:0 20px;} 

.toplist{padding:10px 0;margin:0;list-style:none;}
.toplist li{line-height:35px;border-bottom:1px dotted #ddd;overflow:hidden;}
.toplist li a i{font-style:normal;color:#C00;margin-right:5px;font-weight:bold;}

/*公司简介*/
#t1{overflow:hidden;background:#f6f6f6;height:150px; text-align:center;}
#t1 ul{margin:0;padding:0;list-style:none;}
#t1 ul li{float:left;width:25%;padding:40px 0;}
#t1 ul li h3{color:#3b6e5b;font-size:36px; font-weight:600;line-height:40px;}
#t1 ul li h3 span{font-size:18px;padding:0 5px;}
#t1 ul li p{line-height:30px;padding:0;margin:0;}

/*核心业务*/
#t2{}
#t2 ul{width:1220px;margin:0;padding:0 0 30px 0;list-style:none;overflow:hidden;}
#t2 ul li{float:left;width:285px;padding:0;margin:0 20px 0 0;}
#t2 ul li .box{ position:relative;height:310px;}
#t2 ul li .box .pic{height:310px;}
#t2 ul li .box .pic img{display:block;width:285px;height:310px;}
#t2 ul li .box .mask{ width:225px;height:250px;position:absolute;bottom:-350px;background:rrgba(0,0,0,0.3); text-align:center;padding:30px;z-index:2;}
#t2 ul li .box .mask h3{color:#fff;font-size:24px;line-height:40px; font-weight:normal;}
#t2 ul li .box .mask p{color:#fff;line-height:30px;}
#t2 ul li .title a{font-size:16px;height:50px;line-height:50px;background:#d8d8d8;padding:0 10px;z-index:3;display:inline-block;width:265px;}
#t2 ul li .title span{float:right;font-size:22px;color:#999;}

#t2 ul li .box:hover .mask{ transform:translateX();transition: all 1s ease 0s; position:absolute;bottom:0;background:rgba(0,0,0,0.5)}
#t2 ul li .title a:hover{background:#40bdb9;transition: all 1s ease 0s;color:#fff;}
#t2 ul li .title a:hover span{color:#fff;}

/*产品信息*/
#t3{background:url(../images/t3bg.jpg) no-repeat top center #fdfdfd;overflow:hidden;padding:60px 0;} 
#t3 .top{color:#fff;margin:0 auto; text-align:center;}
#t3 .top h3{font-size:24px;line-height:60px;}
#t3 .top p{font-size:18px;margin:20px auto;line-height:40px;color:#fff;}
#t3 .top p i{font-style:normal;margin-right:30px;}
#t3 .top p i span{margin-right:5px;}
#t3 .top .btn{margin:10px auto;overflow:hidden; text-align:center}
#t3 .top .btn a{padding:0 20px;height:40px; display:inline-block;line-height:40px;margin-right:20px; border-radius:20px; transition: all 1s ease 0s;}
#t3 .top .btn a:hover{background:#3cb373;opacity:0.8;filter:alpha(opacity=0.8);filter:alpha(Opacity=0.8);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)';z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

#t3 .wz{float:left;width:520px;background:#fff;padding:40px;}
#t3 .wz .box h3{font-size:18px;line-height:40px;}
#t3 .wz .box .line{background:url(../images/line.jpg) no-repeat left;height:30px;} 
#t3 .wz .box p{line-height:30px;font-size:16px; text-indent:20px;}
#t3 .wz .box .btn{ text-align:left;}
#t3 .pic{float:right;width:580px;background:#fff;padding:10px;}
.apic{ width:580px; height:380px; overflow:hidden; position:relative;}
.apic .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.apic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.apic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.apic .hd ul li.on{ background:#f00; color:#fff; }
.apic .bd{ position:relative; height:100%; z-index:0;   }
.apic .bd li{ zoom:1; vertical-align:middle; }
.apic .bd img{ width:580px; height:380px; display:block;  }
 
#t3 .four{margin:0;padding:0;list-style:none;width:1220px;overflow:hidden;}
#t3 .four li{float:left; text-align:center;width:285px;margin-right:20px;}
#t3 .four li .box{border:2px solid #ddd;overflow:hidden;padding:30px;}
#t3 .four li h1{width:80px;height:80px;margin:30px auto;}
#t3 .four li h3{margin:30px 0 auto;}
#t3 .four li p{width:180px;margin:10px auto;line-height:25px;}
#t3 .four li:hover .box{border:2px solid #379b75;overflow:hidden;padding:30px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

/*示范案例*/
#t4{}
#t4 ul{width:1220px;margin:0;padding:0 0 0 0;list-style:none;overflow:hidden;}
#t4 ul li{float:left;width:385px;padding:0;margin:0 20px 20px 0;}
#t4 ul li .box{ position:relative;height:240px;}
#t4 ul li .box .pic{height:310px;}
#t4 ul li .box .pic img{display:block;width:385px;height:240px;}
#t4 ul li .box .mask{ width:325px;height:180px;position:absolute;top:-240px;background:rrgba(0,0,0,0.3); text-align:center;padding:30px;z-index:2;display:none;}
#t4 ul li .box .mask h3{margin-top:30px;color:#fff;font-size:24px;line-height:40px; font-weight:normal;}
#t4 ul li .box .mask p{color:#fff;line-height:30px;}
#t4 ul li .box:hover .mask{ -webkit-transform:translateY();-ms-transform:translateY();-o-transform:translateY();transform:translateY();transition: all 2s ease 0s; position:absolute;bottom:0;background:rgba(0,0,0,0.5); top:0;display:inline-block}

#t4 ul .one{height:500px;}
#t4 ul .one .box{ position:relative;height:500px;}
#t4 ul .one .box .pic{height:500px;}
#t4 ul .one .box .pic img{display:block;width:385px;height:500px;}
#t4 ul .one .box .mask{ width:325px;height:440px;position:absolute;bottom:-240px;background:rrgba(0,0,0,0.3); text-align:center;padding:30px;z-index:2;display:none;}
#t4 ul .one .box .mask h3{margin-top:100px;color:#fff;font-size:24px;line-height:40px; font-weight:normal;}
#t4 ul .one .box .mask p{color:#fff;line-height:30px;}
#t4 ul .one .box:hover .mask{ transform:translateY();transition: all 2s ease 0s; position:absolute;bottom:0;background:rgba(0,0,0,0.5); display:inline-block}

#t4 .fan .one{float:right;height:500px;}

.new {float:left; width:316px; height:362px; overflow:hidden; margin-top:40px;}
.new h2 {}
.new h2 span { margin-top:8px;}
.n_con { padding:14px 0 0 0;overflow:hidden;}
.n_con p  { width:310px; height:117px; margin-bottom:10px;}
.n_con ul li { height:34px; line-height:34px; overflow:hidden; background:url(../images/img.png) no-repeat -1190px -423px; padding-left:22px; border-bottom:#CCC 1px dotted}
.n_con ul li a { color:#646464; font-size:14px}
.more1{ background:url(../images/img.png) no-repeat -1151px -1001px; width:56px; height:33px;float:right}
  
 
.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #1F92D1;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family:宋体;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;font-family:microsoft yahei;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;font-family:arial;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}
  
.lefter{width:260px;margin-right:30px;float:left;}
.righter{float:left;width:910px;}
.leftnav{background:#c40008;padding:10px 15px;color:#fff;font-size:18px;font-family:microsoft yahei;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#1F92D1;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#1F92D1;font-weight:bold;background:#f3f3f3;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-family:microsoft yahei;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family:microsoft yahei;}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

.prowidth{width:915px;overflow:hidden;}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:292px;margin:0 13px 13px 0;}
.pro_list li a{border:1px solid #eee;display:block;padding:15px;}
.pro_list li a img{border:1px solid #eee;width:260px;}
.pro_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#1F92D1;}
.pro_list li a:hover .more{background:#1F92D1;color:#fff;}

.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:292px;margin:0 13px 13px 0;}
.pic_list li a{border:1px solid #eee;display:block;padding:15px;}
.pic_list li a img{border:1px solid #eee;width:260px;height:175px;}
.pic_list li a .title{text-align:center;height:40px;line-height:40px;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#4d5174;}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;font-family:microsoft yahei;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}
 

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;padding:10px;line-height:24px;color:#999;}
.news_list li:hover{background:#fafafa;}
.news_list li a{font-size:18px;font-family:microsoft yahei;display:block;line-height:40px;}
.news_list li em{color:#666;font-family:verdana;display:block;font-style:normal;}

.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;font-family:microsoft yahei;}

#position{margin:0 auto;width:100%;overflow:hidden;background:#dddd;border-bottom:1px dotted #cdcdcd;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{float:left;color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}  

.proleft {width: 240px;overflow:hidden;padding:10px;background: #F0F0F0;} 
  
/*新闻*/
#t7{margin:20px auto; overflow:hidden;}
#t7 .xlen{width:500px;float:left;}
#t7 .mr20{margin-right:15px;}  
#t7 .xlanmu{height:50px;line-height:50px;border-bottom:1px solid #ddd; position:relative;}
#t7 .xlanmu b{background:url(../images/an.png) no-repeat left center; padding-left:30px;line-height:50px;font-size:16px;display:inline-block;}
#t7 .xlanmu .alink{width:100px;height:50px;line-height:50px;display:inline-block;background:#38b66c; text-align:center;font-size:16px;color:#fff;margin-right:5px;}
#t7 .xlanmu .alink:hover{background:#e0e0de;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;color:#000}
#t7 .xlanmu .alink2{width:100px;height:50px;line-height:50px;display:inline-block;background:#e0e0de; text-align:center;font-size:16px;margin-right:5px;}
#t7 .xlanmu .alink2:hover{background:#38b66c;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff}
#t7 .xlanmu span{position:absolute;right:0;bottom:0; text-align:center;}
#t7 .xlanmu span a{background:#e0e0de; display:inline-block;font-size:12px;width:50px;line-height:25px;}
#t7 .xlanmu span a:hover{background:#38b66c;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff}
#t7 .top{clear:both;overflow:hidden;padding:20px 0;border-bottom:1px solid #ddd;}
#t7 .top .pic{float:left;width:240px;height:160px;}
#t7 .top .pic img{width:240px;height:160px;}
#t7 .top .txt{float:left;margin-left:10px;width:380px;line-height:25px;}
#t7 .artlist{margin:20px 20px 0 0;overflow:hidden;}
#t7 .artlist li{line-height:40px;border-bottom:1px solid #ddd;overflow:hidden;}
#t7 .artlist li span{float:right;}

#t7 .xright{width:650px;float:right;} 
#t7 .answ{clear:both;overflow:hidden;padding:20px 0 0 0;}
#t7 .answ img{width:100%;display:block;height:140px;} 

#t7 .xxtitle{height:50px;line-height:50px;border-bottom:1px solid #ddd; position:relative;}
#t7 .xxtitle b{background:url(../images/an.png) no-repeat left center; padding-left:30px;line-height:50px;font-size:16px;display:inline-block;}
#t7 .xxtitle .alink{width:100px;height:50px;line-height:50px;display:inline-block;background:#38b66c; text-align:center;font-size:16px;color:#fff;margin-right:5px;}
#t7 .xxtitle .alink:hover{background:#e0e0de;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;color:#000}
#t7 .xxtitle .alink2{width:100px;height:50px;line-height:50px;display:inline-block;background:#e0e0de; text-align:center;font-size:16px;margin-right:5px;}
#t7 .xxtitle .alink2:hover{background:#38b66c;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff}
#t7 .xxtitle span{position:absolute;right:0;bottom:0; text-align:center;}
#t7 .xxtitle span a{background:#e0e0de; display:inline-block;font-size:12px;width:50px;line-height:25px;}
#t7 .xxtitle span a:hover{background:#38b66c;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;color:#fff}
 
#t7 .xartlist{margin:20px 0 0 0;overflow:hidden;}
#t7 .xartlist li{float:left;width:560px;margin:0 10px;line-height:40px;border-bottom:1px solid #ddd;overflow:hidden;}
#t7 .xartlist li span{float:right;}

/*底部*/
#footer{background:url(../images/efoot.jpg) no-repeat top center;background-size:cover;padding:40px 0 20px 0;overflow:hidden;}
#footer .fnav{padding:20px 0;border-bottom:1px solid #fdfdfd;overflow:hidden;width:1200px;margin:10px auto;} 
#footer .t1{width:500px;float:left;}
#footer .t2{width:300px;float:left; text-align:center;color:#fff;line-height:40px;}
#footer .t3{width:400px;float:right;text-align:right;color:#fff;}

#footer .t1 ul{margin:0;padding:0; list-style:none;}
#footer .t1 ul li{float:left;width:160px;}
#footer .t1 ul li dl{}
#footer .t1 ul li dl dt{font-size:18px;line-height:40px;color:#fff;}
#footer .t1 ul li dl dd{line-height:30px;}
#footer a{color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

#footer .t3 h1{font-size:24px;margin:10px auto;}
#footer .t3 h1 span{padding-right:10px;}
#footer .t3 p{line-height:25px;}
#footer .t3 .btn{margin-top:20px;float:right;}
#footer .t3 .btn a{margin-right:0;}

#footer .copyright{text-align:center;line-height:40px; color:#fff;}
 
.proleft {width: 240px;overflow:hidden;padding:10px;background: #F0F0F0;} 
/**菜单列表**/ 
.mainnav>li {padding:10px;overflow:hidden;line-height:30px;border-bottom:5px solid #fff;}
.mainnav>li h3 {font-size: 16px;}
.mainnav>li.hover {background: #545651;}
.mainnav>li.hover h3,.mainnav>li.hover .menu-tab a {color: #fff;}
.mainnav li .menu-tab {margin-top: 5px;}
.mainnav li .menu-tab a {width:45%; display:inline-block }
.mainnav .hover{color:#F00;}

.product_contact{width:900px; height:120px; margin:70px auto 0 auto; border:#c40008 2px solid; box-sizing:border-box;}
.product_contact_yg{width:230px; height:116px; float:left; color:#FFF; font-size:20px; font-weight:bold; line-height:28px; padding-top:25px; text-align:center; background:#c40008; box-sizing:border-box;}
.product_contact_tel{width:280px; height:60px; float:left; color:#c40008; font-size:28px; font-weight:bold; line-height:60px; margin:30px 0 0 25px; border-right:#c40008 1px solid;}
.product_contact_tel i{font-size:28px; font-weight:normal;}
.product_contact_mail{height:60px; float:left; color:#669900; font-size:21px; font-weight:bold; line-height:60px; margin:30px 0 0 25px;}
.product_contact_mail a{font-size:25px; font-weight:normal; margin-right:5px;
background:#669900; display:inline-block;padding:0 20px;color:#fff;}
 
/*图片*/
.fpic{ width:580px; height:330px; overflow:hidden; position:relative;}
.fpic .hd{ height:15px; overflow:hidden; position:absolute; right:5px; top:200px; z-index:1; }
.fpic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.fpic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.fpic .hd ul li.on{ background:#f00; color:#fff; }
.fpic .bd{ position:relative; height:100%; z-index:0;   }
.fpic .bd li{ zoom:1; vertical-align:middle; }
.fpic .bd img{ width:580px; height:230px; display:block;  }
.fpic .bd li p{line-height:40px;}
.fpic .bd li p a{font-size:16px;margin-bottom:10px;}
.fpic .bd li .desc{line-height:22px;color:#999;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.fpic .prev,
.fpic .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fpic .next{ left:auto; right:3%; background-position:8px 5px; }
.fpic .prev:hover,
.fpic .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fpic .prevStop{ display:none;  }
.fpic .nextStop{ display:none;  }

/*关于我们*/
.abouttit{line-height:50px;padding:20px 0;font-size:18px;}
.abouttit span{float:right;color:#33b56d;}
.abouttit span b{margin-right:5px;color:#33b56d;}
.abouttit a{margin-right:20px; display:inline-block;}
.abouttit a:hover{color:#258672;}
.abouttit a.on{color:#258672;border-bottom:1px solid #258672}

.a1pic{}
.a1pic .hd{background:#41bcb9;margin:0;padding:0;list-style:none;width:1200px;overflow:hidden;}
.a1pic .hd ul li{float:left; text-align:center;width:240px;}
.a1pic .hd ul li .box{overflow:hidden;margin:40px 0;color:#fff;border-right:1px solid #ddd;}
.a1pic .hd ul li h1{font-weight:normal;width:100px;margin:0 auto;font-size:60px;} 
.a1pic .hd ul li h3{margin:0 auto;line-height:60px;font-size:18px;} 
.a1pic .hd ul li.on{background:#f07d22;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} 
.a1pic .bd ul{ zoom:1;  }
.a1pic .bd ul img{width:100%;display:block;}


.a2pic{width:100%;}
.a2pic .hd{margin:0;padding:0;list-style:none;width:1200px;overflow:hidden;}
.a2pic .hd ul li{float:left; text-align:center;width:300px;}
.a2pic .hd ul li .box{overflow:hidden;margin:40px 0;color:#fff;}
.a2pic .hd ul li .icon{width:165px;height:125px;margin:10px auto;display:block;} 
.a2pic .hd ul li h3{margin:0 auto;line-height:60px;font-size:18px;color:#41bcb9;} 
.a2pic .hd ul li.on{background:#f07d22;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.a2pic .hd ul li.on h1,.a2pic .hd ul li.on h3{color:#fff;}  
.a2pic .bd ul{ zoom:1;width:1200px; }
.a2pic .bd ul img{width:100%;display:block;}
.a2pic .hd ul li .icon1{background:url(../images/ab1.png) no-repeat center;}
.a2pic .hd ul li .icon2{background:url(../images/ab2.png) no-repeat center;}
.a2pic .hd ul li .icon3{background:url(../images/ab3.png) no-repeat center;}
.a2pic .hd ul li .icon4{background:url(../images/ab4.png) no-repeat center;}
.a2pic .hd ul li.on .icon1{background:url(../images/ab1h.png) no-repeat center;}
.a2pic .hd ul li.on .icon2{background:url(../images/ab2h.png) no-repeat center;}
.a2pic .hd ul li.on .icon3{background:url(../images/ab3h.png) no-repeat center;}
.a2pic .hd ul li.on .icon4{background:url(../images/ab4h.png) no-repeat center;}

		/* 本例子css */
.xcpic{ background:#fef;padding:20px; overflow:hidden; position:relative; }
.xcpic .ct{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.xcpic .ct .sprev,.xcpic .ct .snext{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.xcpic .ct .next{ background-position:0 -50px;  }
.xcpic .ct .prevStop{ background-position:-60px 0; }
.xcpic .ct .nextStop{ background-position:-60px -50px; }
.xcpic .cd{ padding:10px; width:1180px;}
.xcpic .cd dl{ overflow:hidden; zoom:1; }
.xcpic .cd dl dd{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:274px;}
.xcpic .cd dl dd .pic{ text-align:center; }
.xcpic .cd dl dd .pic img{ width:274px; height:220px; display:block; padding:2px; border:1px solid #ccc; }
.xcpic .cd dl dd .pic a:hover img{ border-color:#999;  }
.xcpic .cd dl dd .title{ line-height:24px;   } 

.xcpic2{background:#fef;padding:20px; overflow:hidden; position:relative; }
.xcpic2 .ct{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.xcpic2 .ct .sprev,.xcpic .ct .snext{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.xcpic2 .ct .next{ background-position:0 -50px;  }
.xcpic2 .ct .prevStop{ background-position:-60px 0; }
.xcpic2 .ct .nextStop{ background-position:-60px -50px; }
.xcpic2 .cd{ padding:10px; }
.xcpic2 .cd dl{ overflow:hidden; zoom:1; }
.xcpic2 .cd dl dd{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:274px;}
.xcpic2 .cd dl dd .pic{ text-align:center; }
.xcpic2 .cd dl dd .pic img{ width:274px; height:360px; display:block; padding:2px; border:1px solid #ccc; }
.xcpic2 .cd dl dd .pic a:hover img{ border-color:#999;  }
.xcpic2 .cd dl dd .title{ line-height:24px;   }